<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css"/>
</head>
<body>
    <!--ng-app管理整个div,如果引号不为空，则认为是指定的是自定义的该模块,则是由myApp这个来管理这个模块。如果为空，也是一个模块-->
   <div ng-app="myApp">
       <div ng-controller="firstController">
           <p>{{[1,2,3,4,5,6]|limitTo:3}}</p>    <!--从头截取3位数 1,2,3-->

           <p>{{[1,2,3,4,5,6]|limitTo:-3}}</p>   <!--从倒数截取3位数 4,5,6-->

           <p>{{date.message|lowercase}}</p>    <!--转变小写-->
           <p>{{date.message|uppercase}}</p>   <!--转变大写-->

           <p>
               {{date.city}}<br/>
               {{date.city|filter:'上'}}<br/>   <!--只能匹配value值 匹配value值里所有匹配 '上'-->
               {{date.city|filter:'name'}}   <!--只能匹配value值 不可匹配key值，返回空数组 []-->
           </p>

           <p>
               {{date.city|filter:{py:'j'} }}
           </p>

           <p>
               {{date.city|orderBy:'py'}}<br/>   <!--正序-->
               {{date.city|orderBy:'-py'}}<br/>  <!--反序-->
           </p>

           <p>
               {{date.city|filter:checkName}}  <!--自定义的过滤器  如果返回true则保留-->
           </p>
       </div>

   </div>
<script type="text/javascript" src="../js/angularjs.js"></script>
<script type="text/javascript" src="index.js"></script>

</body>
</html>